<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>async-await语法</title>
	</head>
	<body>
		<h1>Axios练习</h1>
		<!-- 引入JS文件 -->
		<script src="../js/axios.js"></script>
		<script>
					
		/**
		 * axios的get请求语法
		 * 知识点:
		 * 		1.箭头函数 主要简化回调函数的写法
		 * 		思路: 重复的 固定的可以简化
		 * 		规则: 如果参数只有一个则括号可以省略
		 *  	
		 * 		2.async-await简化  解构赋值
		 * 		2.1 async 需要标识函数
		 * 		2.2 await 需要标识ajax请求
		 *    上述的操作可以将多行js 封装为一行执行 简化代码操作
		 */
		//定义axios基本请求路径 为ajax请求添加前缀
		axios.defaults.baseURl="http://localhost:8090"
		//1.定义一个方法
		async function getUserById(){
		let url = "http://localhost:8090/axios/getUserById?id=100"
		//2.发起ajax请求  获取promise对象
		//let promise = await axios.get(url)
		//console.log(promise)
			//console.log(promise.data)
							
		//解构赋值 提取对象中有价值的数据
		let {data: resultData,status: code} = await axios.get(url)
		console.log(resultData)
		console.log(code)
		}
					
		//2.调用方法
		getUserById()
					
					
							 
					
		</script>
	</body>
</html>